草庐IT

Android表面 View 动画

全部标签

javascript - Angular 动画作为单独的文件而不是内联的

我一直在摆弄Angularanimations并且想知道是否有最好/推荐的方法来避免内联样式......例如,@Component({selector:'page-that-needs-anime',templateUrl:'./anime.component.html',styleUrls:['./anime.component.scss'],animations:[trigger('animeTrigger',[state('in',style({transform:'translateY(0)'})),transition('void=>*',[animate(700,keyfr

javascript - 使用 javascript 滚动日志文件 (tail -f) 动画

我想在网站上创建一个动画来模仿滚动的日志文件或tail-f。我会向它提供一个虚假日志消息列表,它们将被写入div的底部,并在显示新消息时向上滚动并离开顶部,然后循环。它需要看起来真实,黑底白字,使用固定宽度的字体等。有谁知道任何可以帮助我解决这个问题的javascript或jQuery库?我是JavaScript的初学者,因此非常感谢任何有关如何处理此问题的建议。 最佳答案 我已经为你做了一个简单的例子http://jsfiddle.net/manuel/zejCD/1///somedemodatafor(vari=0;i").te

javascript - 如何在特定位置启动 CSS3 动画?

我正在使用CSS3动画,我希望能够移动到动画中的特定位置。例如,如果CSS看起来像这样(假装我使用了所有正确的前缀):@keyframesfade_in_out_anim{0%{opacity:0;}25%{opacity:1;}75%{opacity:1;}100%{opacity:0;}}#fade_in_out{animation:fade_in_out_anim5s;}然后我希望能够停止动画,并将其移动到50%标记。我想理想的JavaScript应该是这样的:varstyle=document.getElementById('fade_in_out').style;style.

javascript - 拖动一个 Famous 表面并让它在 mouseup 上过渡回原点?

我想拖动一个Famous曲面,当我放开它时让它回到原来的位置。我采用了“拖动”示例并对其进行了修改,但是虽然触发了mouseup回调(我检查了console.log),但修饰符转换并未触发。这是相关代码:varsurface=newSurface({size:[200,200],content:'drag',properties:{backgroundColor:'rgba(200,200,200,0.5)',lineHeight:'200px',textAlign:'center',cursor:'pointer'}});vardraggable=newDraggable({xRan

javascript - amCharts 禁用动画

我正在使用amCharts制作一些图表,但由于所述图表中的数据量太大,动画会滞后并消耗大量处理能力,这不是必需的。我想知道是否可以禁用amCharts系列图表中的所有动画,如果可以,如何禁用? 最佳答案 在amCharts系列图表动画中,默认情况下是不启用的。如果它为您启用,则您的图表配置中可能有一行设置startDuration属性(property)。只需将其删除,或将其设置为零以禁用所有动画。 关于javascript-amCharts禁用动画,我们在StackOverflow上找

javascript - 单线程JavaScript下的动画

JavaScript是一种单线程语言,因此它一次执行一个命令。正在通过浏览器管理的WebAPI(用于事件处理的DOM,用于AJAX调用的XMLHttpRequest,用于setTimeout的WindowTimers)和事件队列来实现异步编程。到现在为止还挺好!现在考虑以下非常简单的代码:$('#mybox').hide(17000);console.log('Previouscommandhasnotyetterminated!');...有人可以向我解释以上内容的潜在机制吗?由于.hide()尚未完成(动画持续17秒),并且JS引擎正在处理它,并且它能够一次执行一个命令,因此它将转

javascript - jquery - 点击动画返回页面顶部

我想制作滚动效果的动画,以便在用户单击某个元素时将其带到页面顶部。有点像锚定到页面顶部,但更流畅。我看过这个(虽然不记得在哪里)。有谁知道如何做到这一点? 最佳答案 您想.animate()scrollTop属性设置为0,如下所示:$("html,body").animate({scrollTop:0},500); 关于javascript-jquery-点击动画返回页面顶部,我们在StackOverflow上找到一个类似的问题: https://stacko

javascript - Angular JS 识别摘要完成事件并在 View 更改期间从 angular js 中的 url 中删除#

1)是否有任何摘要完成事件可用于更新我的Canvas。我有一个Angular应用程序,它可以查看Canvas对象的不同属性。每当我更改属性时,一旦摘要完成,如果我可以获得摘要完成事件,我就可以更新Canvas(使用kineticJs)以使用最新属性重绘图表。目前我正在从View中调用一个方法2)只要​​打开对象设置,我只是使用View并将其路由到新View。在这种情况下,url也会随着网页/#view的变化而变化。它只是弹出窗口,我不需要页面末尾的#view,但仍然使用路由和View概念。有没有别的办法。 最佳答案 更新Karlse

javascript - 如何使用 AngularJS 和 asp.net MVC 4 从 View 文件夹加载模板

显然,我对angularJS和asp.netMVC4很陌生。这是场景:我有一个简单的MVC4项目,其中包含1个Controller和1个View(即:home.cshtml)。现在我已经将HTML文件(即:search.html)添加到名为“Templates”的文件夹中,该文件夹位于项目的主目录中(在views文件夹之外)。我想要的是用angularJS加载“search.html”,这样我就可以将它包含到“home.cshtml”中,我该怎么做?这是我到目前为止所得到的:Angular模块:(位于脚本文件夹中)varbfapp=angular.module("blogfinder"

javascript - Angular-ui-bootstrap Accordion 和折叠动画不起作用

关于angular-ui-bootstrapdemo/docspage,accordion和collapse单击某个元素时,指令都会动画化。但是动画在该页面上的plunker演示中不起作用。是否缺少某些依赖项或者可能是错误?(在chrome/firefox中测试)更新:我在2015年10月29日更新到0.14.3版,现在一切正常。感谢angularUI团队的辛勤工作! 最佳答案 从0.13版开始,您需要在您的应用程序中包含ngAnimate:bowerinstallangular-animate--save添加对index.html